<!DOCTYPE html>
<!--
┏┓╋┏┓╋┏┓╋╋╋╋╋╋┏━┓
┃┃╋┃┃╋┃┃╋╋╋╋╋╋┃┏┛
┃┃╋┃┣━┛┣┳━━┳━┳┛┗┳━━┳━┓┏━━┓
┃┃╋┃┃┏┓┣┫┏┓┃┏╋┓┏┫┏┓┃┏┓┫┏┓┃
┃┗━┛┃┗┛┃┃┏┓┃┃┃┃┃┃┏┓┃┃┃┃┗┛┃
┗━━━┻━━┻┻┛┗┻┛┗┻┛┗┛┗┻┛┗┻━┓┃
╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋┏━┛┃
╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋╋┗━━┛

http://udfang.com
Work with us? We're a fun bunch!  http://udfang.com/about
-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content='上海楼盘,上海新开楼盘,上海房价走势,上海新楼盘精选' name='keywords'>
    <meta content='U点房为您精选推荐最新楼盘信息，精选开盘楼盘信息，精选在售楼盘信息，了解和关注更多精选新楼盘信息，就上U点房。' name='description'>
    <meta name="author" content="zxw1992513@qq.com">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <meta http-equiv="cleartype" content="on">
    <meta name="format-detection" content="telephone=no, email=no, address=no">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta name="apple-mobile-web-app-title" content="solar">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="transparent">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="/assets/css/building/udf4.0/reset.css">
    <link rel="stylesheet" href="/assets/css/building/udf4.0/header-footer.css">
    <link rel="stylesheet" href="/assets/css/building/udf4.0/homepage.css">
    <link rel="stylesheet" href="/assets/css/building/udf4.0/mobile.css">
    <script src="/assets/js/building/jquery-1.11.1.min.js"></script>
    <title>U点房</title>
</head>
<body>
    <header style="background-image:url(<?php echo $is_mobile ? $hometop['mobile'][0]->absolute_url : $hometop['pc'][0]->absolute_url; ?>)">
        <div id="header" class="homepage-wrapper">
            <div class="header-left">
                <span class="udf-icon u-caidan"></span>
                <span class="udf-icon u-logo"></span>
            </div>
            <div class="header-right">
                <div class="tab-wrapper">
                    <ul class="tab-list">
                        <li class="tab-item"><a href="#" class="tab"><span class="udf-icon u-shouye"></span>首页</a></li>
                        <li class="tab-item"><a href="#" class="tab"><span class="udf-icon u-xuequ"></span>学校信息</a></li>
                        <li class="tab-item"><a href="#" class="tab"><span class="udf-icon u-ceping"></span>新盘测评</a></li>
                        <li class="tab-item"><a href="#" class="tab"><span class="udf-icon u-xinwen"></span>地产头条</a></li>
                        <li class="tab-item"><a href="#content" class="tab"><span class="udf-icon u-xinwen"></span>城市专题</a></li>
                    </ul>                </div>
                <div class="login-wrapper">
                    <span class="login">登陆</span>
                    <span class="sign">注册</span>
                </div>
            </div>
        </div>
        <div class="header-content">
            <h1>发现新楼盘</h1>
            <p>已向全国 17 个城市中热爱生活的人们第一时间推荐了 300+ 的新鲜楼盘。</p>
            <input type="button" class="overlay-text" value="想在哪个城市购房？"><input
                type="button" class="overlay-button" value="进入" />
            <div class="city" style="display: none">
                <div class="jiantou"></div>
                <div class='contain'>
                    <ul class='filter'>
                        <?php
                            if ($cities) :
                            foreach ($cities as $key=>$value) :
                        ?> 
                        <li><?php echo $key;?>
                            <?php  foreach ($value as $k=>$v) : ?>
                            <a href='/building/<?php echo $v->code; ?>'><?php echo $v->area_name; ?></a>
                            <?php endforeach; ?>
                        </li>
                        <?php
                            endforeach;
                            endif; 
                        ?>  
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div id="content">
        <!-- <div id="cityTopic">
                <div class="title-inner">
                    <div class="title">
                        <h1>
                            <span class="weight">城市专题</span>
                            <span>那些广告里没有告诉你的</span>
                        </h1>
                        <p class="clearfix">
                            <a href="#">更多专题</a>
                        </p>
                    </div>
                    <div class="item-wrapper">
                        <a class="item-list first" href="#">
                            <img src="http://assets-cdn.udfang.com/hotcity/201607/d17dc5f0-7f70-4202-bd74-0457fd24767a.jpg" alt="">
                            <p class="desc omg">近国展中心，绿地世界虹桥中心产品</p>
                        </a>
                        <a class="item-list second" href="#">
                            <img src="http://assets-cdn.udfang.com/hotcity/201607/d17dc5f0-7f70-4202-bd74-0457fd24767a.jpg" alt="">
                            <p class="desc omg">近国展中心，绿地世界虹桥中心产品</p>
                        </a>
                        <a class="item-list third" href="#">
                            <img src="http://assets-cdn.udfang.com/hotcity/201607/d17dc5f0-7f70-4202-bd74-0457fd24767a.jpg" alt="">
                            <p class="desc omg">近国展中心，绿地世界虹桥中心产品</p>
                        </a>
                        <a class="item-list forth" href="#">
                            <img src="http://assets-cdn.udfang.com/hotcity/201607/d17dc5f0-7f70-4202-bd74-0457fd24767a.jpg" alt="">
                            <p class="desc omg">近国展中心，绿地世界虹桥中心产品</p>
                        </a>
                        <a class="item-list fifth" href="#">
                            <img src="http://assets-cdn.udfang.com/hotcity/201607/d17dc5f0-7f70-4202-bd74-0457fd24767a.jpg" alt="">
                            <p class="desc omg">近国展中心，绿地世界虹桥中心产品</p>
                        </a>
                    </div>
                </div>
        </div> -->
            
        <!-- <div id="buildingMeasure">
            <div class="title-inner">
                <div class="title">
                    <h1>
                        <span class="weight">新盘测评</span>
                        <span>那些广告里没有告诉你的</span>
                    </h1>
                    <p class="clearfix">
                        <a href="#">更多专题</a>
                    </p>
                </div>
                <div class="item-wrapper">
                    <a class="item-list first" href="#">
                        <img src="http://assets-cdn.udfang.com/hotcity/201607/d17dc5f0-7f70-4202-bd74-0457fd24767a.jpg" alt="">
                        <p class="desc omg">近国展中心，绿地世界虹桥中心产品</p>
                    </a>
                    <a class="item-list second" href="#">
                        <img src="http://assets-cdn.udfang.com/hotcity/201607/d17dc5f0-7f70-4202-bd74-0457fd24767a.jpg" alt="">
                        <p class="desc omg">近国展中心，绿地世界虹桥中心产品</p>
                    </a>
                    <a class="item-list third" href="#">
                        <img src="http://assets-cdn.udfang.com/hotcity/201607/d17dc5f0-7f70-4202-bd74-0457fd24767a.jpg" alt="">
                        <p class="desc omg">近国展中心，绿地世界虹桥中心产品</p>
                    </a>
                    <a class="item-list forth" href="#">
                        <img src="http://assets-cdn.udfang.com/hotcity/201607/d17dc5f0-7f70-4202-bd74-0457fd24767a.jpg" alt="">
                        <p class="desc omg">近国展中心，绿地世界虹桥中心产品</p>
                    </a>
                    <a class="item-list fifth" href="#">
                        <img src="http://assets-cdn.udfang.com/hotcity/201607/d17dc5f0-7f70-4202-bd74-0457fd24767a.jpg" alt="">
                        <p class="desc omg">近国展中心，绿地世界虹桥中心产品</p>
                    </a>
                </div>
            </div>
        </div> -->

        <div id="hotCity">
            <div class="title-inner">
                <div class="title">
                    <h1>
                        <span class="weight">热门城市</span>
                        <span class="city-hover">更多城市                        
                        <div class="city">
                            <div class="jiantou"></div>
                            <div class='contain'>
                                <ul class='filter'>
                                <?php
                                    if ($cities) :
                                    foreach ($cities as $key=>$value) :
                                ?> 
                                <li><?php echo $key;?>
                                    <?php  foreach ($value as $k=>$v) : ?>
                                    <a href='/building/<?php echo $v->code; ?>'><?php echo $v->area_name; ?></a>
                                    <?php endforeach; ?>
                                </li>
                                <?php
                                    endforeach;
                                    endif; 
                                ?>  
                                </ul>
                            </div>
                        </div>
                        </span>
                    </h1>
                </div>
                <div class="webview">
                    <div class="item-wrapper clearfix" style="border: 1px solid transparent">
                        <?php $cityzk = ['small', 'small', 'large line-last', 'large', 'small', 'small line-last']; ?>
                        <?php foreach ($hot_city as $key => $val): ?>
                            <a class="item-list <?php  e($cityzk[$key]); ?>" href="/building/<?php e($val->code); ?>" style="background-image: url(<?php e($val->absolute_url); ?>);">
                                <span class="desc"><?php e($val->area_name); ?></span>
                            </a>
                        <?php endforeach; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div id='footer'>
            <div class='logo'>
                <a href='/'  class="udf-icon u-logo"></a>
            </div>
            <div class='about'>
                <p class="description">U点房是一个致力于最新楼盘信息推荐的专业平台服务商。已向全国 17个城市中热爱生活的人们第一时间推荐了 300+ 的新鲜楼盘。</p>
                <p class='cute'>© 2015-2016 UDFANG.COM（上海优向网络科技有限公司）保留所有权</p>
                <p class='cute'><a href="http://www.miibeian.gov.cn/" target="_blank" class="cute">沪ICP备 13042777号-3</a></p>
            </div>
            <div class='core'>
                <p><span><a href="/about">关于我们</a></span><span><a href="/privacy">隐私协议</a></span><span><a href="/">商业推广</a></span></p>
                <ul class='address'>
                    <li>地址：上海市徐汇区田林路 200号华鑫天地 A1座 201室</li>
                    <li>邮编：200233</li>
                    <li>邮箱：yangqp@usuretech.com</li>
                </ul>
            </div>        </div>
    </footer>
   <script>
    $(".overlay-text").click(function(e){
        e.stopPropagation();
        $(this).parent().find(".city").show();
    });
    $('.u-caidan').on('touchend',function () {
        $('.header-right').addClass('show')
        $("body,html").css({"overflow":"hidden"});
        $('#buildingTitle,#cityTopic,#buildingMeasure,#hotCity').css({"z-index":"-1"})
    })
    var winWidth = window.screen.width;
    var bgWidth = $(".title-inner").width();
    if (winWidth >= 768) {
        $("#buildingTitle .item-wrapper").css("height", bgWidth * 0.37);
        $("#hotCity .item-wrapper").css("height", bgWidth * 0.37);
        $("#cityTopic .item-wrapper").css("height", bgWidth * 0.42);
        $("#buildingMeasure .item-wrapper").css("height", bgWidth * 0.42);
    } else {
        $(".item-wrapper").css("height", bgWidth * 0.6);   
    }
    $(window).resize(function() {
        winWidth = window.screen.width;
        bgWidth = $(".item-wrapper").width();
        if (winWidth >= 768) {
            $("#buildingTitle .item-wrapper").css("height", bgWidth * 0.37);
            $("#hotCity .item-wrapper").css("height", bgWidth * 0.37);
            $("#cityTopic .item-wrapper").css("height", bgWidth * 0.42);
            $("#buildingMeasure .item-wrapper").css("height", bgWidth * 0.42);
        } else {
            $(".city-z, .city-k, .recommend-pic").css("height", bgWidth * 0.6);
        }
    });

    $(window).scroll(function () {
        if($(window).scrollTop() > 100){
            $('#header').addClass('bg-ff5a5f')
        }else{
            $('#header').removeClass('bg-ff5a5f')
        }
    })

    //stackoverflow上点击空白关闭弹窗代码！
    $('.header-right').on('click',function(e){
        e.preventDefault()
        var _con = $('.tab-wrapper,.login-wrapper');
        if(!_con.is(e.target) && _con.has(e.target).length === 0){
            $('.header-right').removeClass('show')
            $("body,html").css({"overflow":"auto"});
            $('#buildingTitle,#cityTopic,#buildingMeasure,#hotCity').css({"z-index":"0"})
        }
    });
    $(document).on('click',function(e){
        e.preventDefault()
        var _con = $('.header-content .city');
        if(!_con.is(e.target) && _con.has(e.target).length === 0){
            if($(".header-content .city").show()){
                $(".header-content .city").hide();
            }
        }
    });

</script>
</body>

</html>
